body {font-family: PingFangSC-Regular,Verdana,Arial,"宋体","微软雅黑"; overflow: hidden; background-color: #F0F0F0;}
html {background-color: #F0F0F0;}
.user-information {overflow: hidden;}
.user-photo {width: 10rem; margin: 0 auto; background-color: #FFF; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.user-photo div {overflow: hidden; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: center;}
.user-photo div:nth-child(1) {padding-left: 0.5rem;}
.user-photo div:nth-child(2) {padding-right: 0.5rem;}
.user-photo img {width: 0.96rem; height: auto; margin: 0.16rem auto;}
.user-photo p {margin-bottom: 0.26666666rem; font-size: 12px; line-height: 1.16666666; color: #999;}
[data-dpr="2"] .user-photo p {font-size: 24px;}
[data-dpr="3"] .user-photo p {font-size: 36px;}
.user-photo span {text-decoration: underline;}
.user-photo div:nth-child(1) span {color: #FFBC53;}
.user-photo div:nth-child(2) span {color: #EA4040;}
.user-car {width: 10rem; margin: 0.13333333rem auto; overflow: hidden;}
.user-car div:last-child {margin-bottom: 0;}
.car-model {font-size: 14px; line-height: 1.42857143; margin: 0 0.26666666rem 0 0.38666666rem; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: justify; color: #333;}
.model-value {border: 0; line-height: 1.46666666rem; text-align: right; margin: 0 0.26666666rem 0 0.38666666rem;}
.car-regdata {font-size: 14px; line-height: 1.42857143; margin: 0 0.26666666rem 0 0.38666666rem; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: right; color: #333; line-height: 1.46666666rem; border: 0;}
.car-assigned {font-size: 14px; line-height: 1.42857143; margin: 0 0.26666666rem 0 0.38666666rem; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: right; color: #333; line-height: 1.46666666rem; border: 0;}
.user-car .car-assignedData {display: none;}
.isassigned {width: 0.84266666rem; height: 0.53333333rem; background-color: #F0F0F0; border-radius: 1.06666666rem; position: absolute; top: 50%; margin-top: -0.26666666rem; right: 0.4rem;}
.isassigned p {width: 0.45333333rem; height: 0.45333333rem; border-radius: 50%; background-color: #FFF; position: absolute; top: 50%; margin-top: -0.22666666rem; box-shadow: 0 0.08rem 0.02666666rem 0 rgba(0,0,0,0.05), 0 0.05333333rem 0.05333333rem 0 rgba(0,0,0,0.10), 0 0.08rem 0.08rem 0 rgba(0,0,0,0.05);}
.user-arrow {width: 0.34666666rem; height: auto; line-height: 1.46666666rem; margin-right: 0.4rem;}
.user-next {width: 8.53333333rem; height: 1.17333333rem; font-size: 16px; line-height: 1.17333333rem; text-align: center; color: #FFF; margin: 0.53333333rem auto 1.73333333rem; background-color: #EA4040; box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -webkit-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -moz-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; border-radius: 0.64rem;}
.car-info {width: 100%; background-color: #FFF; position: relative;}
.isflexbox {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; margin-bottom: 0.02666666rem; align-items:center; -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center;}
.isflex {font-size: 14px; margin: 0 0.4rem 0 0.38666666rem; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: right; color: #333; border: 0; line-height: 1.46666666rem;}
.user-title {width: 3rem; display: inline-block; text-align: left; margin-left: 0.4rem; color: #333; font-size: 14px; line-height: 1.46666666rem;}
[data-dpr="2"] .user-title,[data-dpr="2"] .isflex,[data-dpr="2"] .car-model,[data-dpr="2"] .car-regdata,[data-dpr="2"] .car-assigned,[data-dpr="2"] .assigned-warn {font-size: 28px;}
[data-dpr="3"] .user-title,[data-dpr="3"] .isflex,[data-dpr="3"] .car-model,[data-dpr="3"] .car-regdata,[data-dpr="3"] .car-assigned,[data-dpr="3"] .assigned-warn {font-size: 42px;}

.user-assigned {overflow: hidden; display: none;}
.assigned-warn {width: 10rem; height: 1.25333333rem; line-height: 1.25333333rem; margin: 0 auto; color: #999; font-size: 14px; text-align: center;}
.assigned-list {width: 10rem; overflow: hidden; margin: 0 auto;}
.assigned-list li {background-color: #FFF; margin-bottom: 0.02666666rem; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items:center; -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center;}
.assigned-list li:last-child {margin-bottom: 0;}
.assigned-list li p {font-size: 12px; line-height: 1.66666666; color: #4A4A4A; margin: 0.4rem 0.56rem 0.4rem 0.4rem; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
[data-dpr="2"] .assigned-list li p {font-size: 24px;}
[data-dpr="3"] .assigned-list li p {font-size: 36px;}
.assigned-list li img {margin-right: 0.4rem; width: 0.37333333rem; height: auto;}
.assigned-list li input {display: none;}
.assigned-next {width: 8.53333333rem; height: 1.17333333rem; font-size: 16px; line-height: 1.17333333rem; text-align: center; color: #FFF; margin: 0.53333333rem auto 1.73333333rem; background-color: #EA4040; box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -webkit-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -moz-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; border-radius: 0.64rem;}
[data-dpr="2"] .user-next,[data-dpr="2"] .assigned-next {font-size: 32px;}
[data-dpr="3"] .user-next,[data-dpr="3"] .assigned-next {font-size: 48px;}

.owners-info {width: 100%; margin: 0 auto 0.13333333rem; overflow: hidden;}
.owners-msg ul {overflow: hidden;}
.owners-msg li {width: 100%; height: 1.46666666rem; background-color: #FFF; margin-top: 0.02666666rem; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.owners-title {font-size: 14px; line-height: 1.21428571; color: #333; margin-left: 0.4rem;}
.owners-msg li input {font-size: 14px; line-height: 1.46666666rem; color: #333; border: 0; text-align: right;}
.owners-msg li img {width: 0.32rem; height: auto; margin: 0 0.4rem 0 0.21333333rem;}
[data-dpr="2"] .owners-title,[data-dpr="2"] .owners-msg li input,[data-dpr="2"] .owners-same {font-size: 28px;}
[data-dpr="3"] .owners-title,[data-dpr="3"] .owners-msg li input,[data-dpr="3"] .owners-same {font-size: 42px;}
.applicant-info,.recognizee-info {display: none;}
.owners-choice {position: relative;}
.owners-same {min-width: 1.5rem; text-align: right; font-size: 14px; line-height: 1.21428571; color: #999; position: absolute;  right: 1.44rem;}
.isowners {width: 0.84266666rem; height: 0.53333333rem; background-color: #EA4040; border-radius: 1.06666666rem; position: relative; right: 0.4rem;}
.isowners p {width: 0.45333333rem; height: 0.45333333rem; border-radius: 50%; background-color: #FFF; position: absolute; top: 50%; margin-top: -0.22666666rem; box-shadow: 0 0.08rem 0.02666666rem 0 rgba(0,0,0,0.05), 0 0.05333333rem 0.05333333rem 0 rgba(0,0,0,0.10), 0 0.08rem 0.08rem 0 rgba(0,0,0,0.05);}

.area-select {width: 9.2rem; min-height: 0.8rem; margin: 0.29333333rem auto 0.26666666rem; background-color: #FFF; border-radius: 0.4rem; align-items:center; -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center;}
.input-select {line-height: 0.8rem; border: 0; color: #8E8E93; text-align: left; font-size: 12px;}
.img-select {width: 0.34666666rem; height: auto; margin: 0 0.21333333rem 0 0.33333333rem;}
.img-close {width: 0.37333333rem; height: auto; margin: 0 0.26666666rem 0 0.21333333rem; display: none;}
[data-dpr="2"] .input-select {font-size: 24px;}
[data-dpr="3"] .input-select {font-size: 36px;}

input::-webkit-input-placeholder {color: #CCC;}
input:-moz-placeholder {color:#CCC;}
input::-moz-placeholder {color:#CCC;}
input:-ms-input-placeholder {color:#CCC;}

